<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			//第一个练习		
			/**
			 * 1、创建两个UL标签
			 * 2、给ul标签中添加三个新的li标签
			 * 3、在li标签中添加新的文本值  例如 苹果、香蕉、芒果
			 * 4、点击每个li标签，使其弹出该li标签中的水果名
			 * 
			 */
					window.onload=function(){
						//创建ul
				var body=document.getElementsByTagName("body")[0];
     			var newUL=document.createElement("ul");
     			
     			body.appendChild(newUL);
     	
     			//创建li
     			var newLi1=document.createElement("li");
     			var newLi2=document.createElement("li");
     			var newLi3=document.createElement("li");
     			
     			//将li添加进ul
     			newUL.appendChild(newLi1);
     			newUL.appendChild(newLi2);
     			newUL.appendChild(newLi3);
     			
     			//创建文本
     			var newText1=document.createTextNode("苹果");
     			var newText2=document.createTextNode("芒果");
     			var newText3=document.createTextNode("桃子");
     			
     			//将文本添加进li
     			//将文本添加进li
     			newLi1.appendChild(newText1);
     			newLi2.appendChild(newText2);
     			newLi3.appendChild(newText3);
     			
     			
     			
     			var get1=document.getElementsByTagName("li")[0];
     			var get2=document.getElementsByTagName("li")[1];
     			var get3=document.getElementsByTagName("li")[2];
     			
     			
     				get1.onclick=function(){
     					alert("苹果")
     				}
     				get2.onclick=function(){
     					alert("芒果")
     				}
     				get3.onclick=function(){ 
     					alert("桃子")
     				}
     			
     				
	}
			
				
			
	
		
		</script>
		
	</head>
	<body>
		

	</body>
</html>
